<template>
  <div>
    <h3>插槽标题</h3>
    <slot name="s1"></slot><!--默认名称default-->
    <!--作用域插槽-->
    <slot name="s2" msg="插槽参数">默认内容</slot>
    <!--作用域，解构赋值，这里可以传多个参数-->
    <slot name="s3" :msg="userInfo"></slot>
  </div>
</template>
<script>
export default {
  name: 'MySlot',
  data () {
    return { userInfo: { name: 'abc', age: 123 } }
  }
}
</script>
